<template>
  <div>
    <normal-demo />
    <directory-demo />
    <rowkey-demo />
    <async-demo />
    <async-rebuild-demo />
    <render-demo />
    <huge-demo />
    <filter-demo />
    <empty-demo />
    <drag-demo />
    <drag-checkbox-demo />
    <drag-async-demo />
  </div>
</template>


<script>
  import NormalDemo from './normal.vue';
  import AsyncDemo from './async.vue';
  import AsyncRebuildDemo from './async-rebuild.vue';
  import RenderDemo from './render.vue';
  import HugeDemo from './huge.vue';
  import FilterDemo from './filter.vue';
  import RowkeyDemo from './rowkey.vue';
  import EmptyDemo from './empty.vue';
  import DirectoryDemo from './directory.vue';
  import DragDemo from './draggable.vue';
  import DragCheckboxDemo from './draggable-checkbox.vue';
  import DragAsyncDemo from './draggable-async.vue';

  export default {
    components: {
      NormalDemo,
      AsyncDemo,
      AsyncRebuildDemo,
      RenderDemo,
      HugeDemo,
      FilterDemo,
      RowkeyDemo,
      EmptyDemo,
      DirectoryDemo,
      DragDemo,
      DragCheckboxDemo,
      DragAsyncDemo,
    },
  };
</script>
